﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Dish.aspx.cs" Inherits="RedHouse.Web.Dish" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            $('#slider').nivoSlider({
                effect: "fade",
                slices: 5,
                boxCols: 8,
                boxRows: 4,
                animSpeed: 500,
                pauseTime: 3500,
                startSlide: 0,
                directionNav: true,
                directionNavHide: true,
                controlNav: true,
                controlNavThumbs: false,
                controlNavThumbsFromRel: false,
                keyboardNav: true,
                pauseOnHover: false
            });

            $("#testfancy").click(function () {
                    $.fancybox([
				    'images/home-2.jpg',
				    'images/home-3.jpg',
				    'images/home-4.jpg',
				    'images/home-5.jpg',
				    'images/home-6.jpg',
				    'images/home-7.jpg'
			    ], {
			        'centerOnScroll': 'true',
			        'padding': 10,
			        'transitionIn': 'elastic',
			        'transitionOut': 'elastic',
			        'type': 'image',
			        'changeFade': 500,
			        'overlayColor': '#000',
			        'overlayOpacity': 0.9
			    });
            });

            $("#nav li").removeClass("active");
            $("#menu-specialties").addClass("active");
        });
    </script>
    <style>
        #slider .nivo-controlNav
        {
            width: 570px;
            height: 20px;
        }
        
        #slider
        {
            width: 580px;
            height: 520px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            border: 1px solid white;
            -moz-box-shadow: 1px 1px 3px #ccc;
            -webkit-box-shadow: 1px 1px 3px #ccc;
            box-shadow: 1px 1px 3px #ccc;
            behavior: url(PIE.htc);
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="col-left">
        <div class="left-title">
            <h1>
                <%=this.PageTitle %></h1>
        </div>
        <div class="left-content">
            <ul class="specialties">
                <%if (Dishes != null)
                  {
                      foreach (RedHouse.Data.Entities.RedHouseDish item in Dishes)
                      {
                          if (DishDetail != null && DishDetail.Id == item.Id)
                          {
                %>
                <li><a class="active" href='Dish.aspx?category=<%=Category %>&id=<%=item.Id%>'>&nbsp;&nbsp;&nbsp;&nbsp;<%= item.Title%></a></li>
                <%}
                          else
                          {%>
                <li><a href='Dish.aspx?category=<%=Category %>&id=<%=item.Id%>'>&nbsp;&nbsp;&nbsp;&nbsp;<%= item.Title%></a></li>
                <%}
                      }
                  } %>
            </ul>
        </div>
    </div>
    <!-- END .col-left -->
    <div class="col-main">
        <%if (DishDetail != null)
          { %>
        <div class="main-title">
            <h1 style="visibility: visible; text-align: center;">
                <%=DishDetail.Title %>
            </h1>
        </div>
        <div class="main-content">
            <%if (ImageList != null && ImageList.Count>0)
              { %>
            <div class="dish-slider">
                <div id="slider" class="nivoSlider theme-default">
                    <%
                
                    foreach (RedHouse.Data.Image item in ImageList)
                    {
                            
                    %>
                    <img class="home-slide" src="<%=item.Url %>" />
                    <%}
                    %>
                </div>
            </div>
            <% } %>
            <div class="description">
                <p>
                    <%=DishDetail.Description %>
                </p>
            </div>
        </div>
        <%} %>
    </div>
    <!-- END .col-main -->
</asp:Content>
